input::placeholder
  color #fff
.login
  position relative
  width 100%
  height 100%
  background url('../image/login-bg.jpg') no-repeat
  background-size cover
  .logo
    position absolute
    top 25px
    left 420px
    width 218px
    height 40px
    background-repeat no-repeat
    background-size cover
  .cont
    position absolute
    margin 0 auto
    top 25%
    left 50%
    transform translateX(-50%)
    .name
      font-size 44px
      font-weight bold
      color #ffffff
      text-align center
    .user
    .password
      width 370px
      height 52px
      margin 0 auto
      line-height 52px
      padding 0 60px
      background-color #7bcbff
      border 1px solid #a1dcff
      border-radius 3px
      box-sizing border-box
      background-repeat no-repeat
      background-position 20px 12px
      >input 
        display block
        height 100%
        width 100%
        border 0
        outline none 
        font-size 16px
        color #fff
        background-color #7bcbff
        box-sizing border-box
    .user
      margin-top 60px
    .password
      margin-top 20px
    .btn
      margin 0 auto
      margin-top 40px
      width 370px
      height 52px
      background #fff
      color #038ff1
      text-align center
      line-height 52px
      border-radius 3px
      cursor pointer
// 我的资料
.m-mydata
  background #fff
  padding 0 38px
.tabs
  height 60px
  border-bottom 2px solid #f2f7fa
  font-size 0
  .tab
    display inline-block
    width 56px
    height 60px
    font-size 14px
    line-height 60px
    margin-left 78px
    box-sizing border-box
    cursor pointer
    &.active
      border-bottom 2px solid #42a3ff
      >a 
        color #42a3ff
    &:first-of-type
      margin-left 25px
    >a
      display block
      color #666
      text-decoration none
.view
  padding-top 85px
  .item
    font-size 0
    line-height 42px
    margin-bottom 20px
    .name
      display inline-block
      vertical-align top
      height 42px
      width 90px
      font-size 14px 
      color #808080
      text-align right
    .inputOuter
      display inline-block
      height 42px
      font-size 14px 
      color #333333
      text-indent 13px
      .inputStyle
        display block
        width 300px
        height 42px
        text-indent 12px
        border 1px solid #e0e0e0
        border-radius 5px
        box-sizing border-box
      .desc
        font-size 12px
        color #808080
        line-height 20px
    .radioStyle
      display inline-block
      margin-left 15px
      label
        position relative
        display  inline-block
        width 40px
        color #595959
        font-size 14px
        line-height 42px
        text-indent 25px
        cursor pointer
        &:last-child
          margin-left 25px
        input 
          position absolute
          margin 0
          left 0
          top 13px
          width 16px
          height 16px
          opacity 0
          box-sizing border-box
          z-index 2
          cursor pointer 
          &:checked + span 
            border 0
            background url('../image/item-checked.png') no-repeat
            background-size cover
        span 
          position absolute
          left 0
          top 13px
          width 16px
          height 16px
          border-radius 50%
          border 1px solid #bfbfbf
          box-sizing border-box
          cursor pointer 
    .textBtn
      display inline-block
      margin-left 15px
      color #42a3ff
      font-size 14px
      cursor pointer
      &.prompt
        color #808080
    .yzm
      display inline-block
      margin-left 15px
      width 90px
      background #42a3ff
      text-align-last center
      line-height 42px
      font-size 14px
      color #fff
      border-radius 5px
    .save
      display inline-block
      margin-left 90px
      background #42a3ff
      text-align center
      line-height 42px
      border-radius 5px
      font-size 18px
      color #fff
      cursor pointer
      &.large
        width 300px
      &.small
        width 100px
    .cancel
      display inline-block
      vertical-align top
      margin-left 18px
      text-align center
      line-height 42px
      border-radius 5px
      border 1px solid #e0e0e0
      color #808080
      font-size 18px
      &.small
        width 100px
  .uploagImg
    .img
      display block
      width 190px
      height 190px
      background url('../image/mydata-default.png') no-repeat
      background-size cover 
      cursor pointer 
      input 
        opacity 0 
    .addfile
      margin-top 35px
      background #42a3ff
      text-align center
      line-height 42px
      border-radius 5px
      font-size 18px
      color #fff
      cursor pointer
      width 190px
      height 42px
  .textprompt
    margin-top 60px
    p
      font-size 12px
      line-height 20px
      color #ffbc83
// 新闻首页
.m-page
  padding 30px 38px
  .title
    height 60px
    line-height 60px
    font-size 22px 
    color #038ff1
    border-bottom 2px solid #f2f7fa
    >i 
      display inline-block
      width 16px
      height 16px
      border 4px solid #e0e2e5
      box-sizing border-box
      margin-right 20px
      border-radius 50%
  .searchs
    margin-top 38px
    margin-bottom 35px
    >div
      height 34px
      margin-bottom 12px
      font-size  0
      .item
        display inline-block
        line-height 34px
        vertical-align top
        margin-right 28px
        .name
          display inline-block
          width 65px
          height 34px
          font-size 12px
          color #9fb2c3
        .input
        .time
        .select
          padding 0 10px
          border 1px solid  #dce4eb
          border-radius 3px
          color #697580
          box-sizing border-box
          &.input
            width 100px
            height 34px
          &.time
            background url('../image/date.png') no-repeat
            background-position right 5px bottom 7px
            background-size 17px 21px
            width 144px
            height 34px
          &.select
            width 100px
            height 34px
            &.large
              width 132px
              &:first-of-type
                margin-right 8px
        .line
          display inline-block
          width 18px
          border-top 1px solid #e0e2e5
          margin 0 10px
          vertical-align 5px
      .btn
        display inline-block
        width 100px
        height 34px
        background #038ff1
        color #ffffff
        text-align center
        font-size 14px
        line-height 34px
  .edits
    margin-bottom 20px
    font-size 0
    .btn
      display inline-block
      width 110px
      height 34px
      line-height 34px
      border-radius 3px
      font-size 14px
      text-align center
      &.bg
        background #038ff1
        color #fff
        margin-right 20px
      &.can
        border 1px solid #dce4eb
        color #a4a4a4
    .desc
      float right
      font-size 12px
      color #9fb2c3
      letter-spacing 1px
      line-height 40px
      b
        font-weight normal
        color #666666
.y-table
  width 100%
  box-sizing border-box
  label
    position relative
    display  block
    color #4d4d4d
    font-size 14px
    text-indent 25px
    cursor pointer
    height 40px
    width 40px
    input 
      position absolute
      margin 0
      left 0
      top 6px
      width 16px
      height 16px
      opacity 0
      box-sizing border-box
      z-index 2
      cursor pointer 
      &:checked + span 
        border 0
        background url('../image/item-checked.png') no-repeat
        background-size cover
    span 
      position absolute
      left 0
      top 12px
      width 16px
      height 16px
      border-radius 50%
      border 1px solid #bfbfbf
      box-sizing border-box
      cursor pointer 
  tr 
    font-size 14px
    box-sizing border-box
    &:nth-child(2)
      background #ebf5ff
    th  
      background #7fc1ff
      color #fff
      padding-left 10px
      height 40px
      line-height 40px
      &:first-of-type
        label
          span 
            border-color #fff

    td  
      height 50px
      color #4d4d4d
      padding-left 10px !important
      line-height 50px
      a
        display inline-block
        text-decoration none
        color #038ff1
        padding 0 5px
.ps
  margin-top 35px
  p
    font-size 14px
    color #4d4d4d
    line-height 30px

  
/*登录页面*/
.login-index
  position absolute
  top 0
  left 0
  width 100%
  height 100%
  .head
    height 100px
    width 1200px
    padding 0 calc(50% - 600px)
    >img 
      margin-top 30px
    .title
      font-size 28px
      display inline-block
      line-height 46px
      vertical-align top
      margin-left 15px
      border-left 1px solid #d1d1d1
      margin-top 27px
      padding-left 15px
    .app
      background url(../image/iphone.png) no-repeat left center
      font-size 14px
      color #666666
      float right
      width 90px
      height 17px
      background-size contain
      text-indent 20px
      line-height 17px
      margin-top 38px
      cursor pointer
      position relative
      .code
        width 166px
        height 101px
        background url(../image/code.png) no-repeat center
        background-size contain
        position absolute
        top 17px
        left -139px
        text-indent 0
        font-size 0
        display none
        .code-img
          width 68px
          height 68px
          display inline-block
          vertical-align top
          margin-top 18px
          margin-left 13px
          img 
            width 100%
            height 100%
        .info 
          font-size 12px
          color #333333
          line-height 14px
          width 60px
          display inline-block
          vertical-align top
          margin-top 33px
          margin-left 10px
      &:hover
        .code
          display block
  .login-con
    height calc(100vh- 200px)
    width 100%
    background #3270ae
    padding-top 130px
    box-sizing border-box
    .login-bg
      background url(../image/login-bg.png) no-repeat center
      height 420px
      position relative
      .menu
        background #ffffff
        width 410px
        box-sizing border-box
        padding 0 49px
        height 500px
        position absolute
        right calc(50% - 640px)
        top -40px
        .title
          font-size 20px
          color #333333
          line-height 32px
          padding-top 30px
          padding-bottom 30px
        >label
          input::placeholder
            color #999999
          input 
            width 312px
            height 46px
            border 1px solid #038ff1
            outline none 
            background-size 15px 17px
            background-color #ffffff
            border-radius 4px
            padding-left 12px
            text-indent 24px
            box-sizing border-box
            font-size 14px
            &.name
              background url(../image/user-icon.png) no-repeat left 12px center
            &.paw
              background url(../image/paw.png) no-repeat left 12px center
            &.wrong
              border-color #f53333
        .msg
          margin-top 8px
          margin-bottom 20px
          .in
            background url(../image/warnning.png) no-repeat left  center
            background-size 16px
            font-size 12px
            color #f53333
            text-indent 20px
            float right
            width 100px
            text-align left
            visibility hidden
          >label
            input[type="checkbox"]
              display none
            .img
              background url(../image/unchecked.png) no-repeat center
              background-size contain
              width 16px
              height 16px
              display inline-block
              vertical-align middle
            input[type="checkbox"]:checked ~ .img
              background url(../image/checked.png) no-repeat center
            span 
              font-size 12px
              color #666666
              line-height 16px
              margin-left 8px
          &:after
            clear both
            content ''
            display block
        .verif
          font-size 0
          input
            width 106px
            height 45px
            border-radius 4px
            border 1px solid #d1d1d1
            outline none
            box-sizing border-box
            padding 0 5px
          .cod-i
            width 95px
            height 45px
            border-radius 4px
            border 1px solid #d1d1d1
            display inline-block
            vertical-align top
            text-align center
            margin-left 10px
            box-sizing border-box
            >img 
              margin-top 14px
        a
          color #999999
          font-size 14px
          text-decoration none
          margin-left 10px
      .btn
        button 
          width 100%
          height 45px
          line-height 45px
          margin-top 70px
          cursor pointer

  .login-footer
    text-align center
    bottom 30px
    width 100%
    height 100px
    background #3270ae
    p
      color #d1d9e0
      line-height 32px





        

        
      




    